<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="screen-orientation" content="portrait" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="description" content="叮当一下是一家创新型专注于新零售的技术公司，持续为连锁零售业提供新零售转型支持。 提供了顾客到店、导购推销、购买凭证、离店维护和二次到店的整体解决方案，实现人效，坪效的双重提升。 我们对零售行业有着深刻的挖掘，专注为单店，连锁店提供个性化的服务。
            研发创新团队均来自互联网应用，人工智能，人脸识别，无人零售等专业领域，将人脸识别，大数据与零售管理流程深度结合。">
    <meta name="keywords" content="叮当一下,互联网应用,人工智能,人脸识别,无人零售,大数据,零售管理">
    <title>叮当一下</title>
    <link rel="icon" href="http://goods.mydingdian.com/FjCDfIbdCuzbK9-BYWoOQ2jHcwlE">    
    <link rel="stylesheet" href="./css/mobile-common.min.css">
    <link rel="stylesheet" href="./css/mobile-index.min.css">
    <script>
        !(function(doc, win) {
            var docEle = doc.documentElement,
                evt = "onorientationchange" in window ? "orientationchange" : "resize",
                fn = function() {
                    var width = docEle.clientWidth;
                    width && (docEle.style.fontSize = width / 7.5 + "px");
                }
            win.addEventListener(evt, fn, false);
            // doc.addEventListener("DOMContentLoaded", fn, false);
            fn()
        }(document, window));
    </script>
</head>
<body data-id="index">
	@@include('../../include/mobile/nav.html')
    <section id="points">
        <h1>商家痛点</h1>
        <section class="list">
            <div class="txt">
                <div>
                    <p>据统计45%的客户离开是因为</p>
                    <p>服务不好</p>
                    <p>如何让顾客感受到服务的温度？</p>
                    <p>如何让导购员触达顾客的买点？</p>
                </div>
            </div>
            <div class="title">
                <div>
                    <h3>老客户流失</h3>
                    <p>Old customer loss</p>
                </div>
            </div>
        </section>
        <section class="list">
            <div class="title">
                <div>
                    <h3>关店潮</h3>
                    <p>The shutters tide</p>
                </div>
            </div>
            <div class="txt">
                <div>
                    <p>铁打的地段，流水的店</p>
                    <p>时代已经变了</p>
                    <p>服装零售将面临大洗牌</p>
                </div>
            </div>
        </section>
        <section class="list">
            <div class="txt">
                <div>
                    <p>恶劣的低价竞争</p>
                    <p>假货横行的市场</p>
                    <p>事物总会有误差</p>
                    <p>物流问题多样性</p>
                    <p>零基础信用等级</p>
                </div>
            </div>
            <div class="title">
                <div>
                    <h3>电商危机</h3>
                    <p>Electricity crisis</p>
                </div>
            </div>
        </section>
    </section>
    <section id="increase">
        <h1>叮当一下 · 新技术 · 新零售 · 新门店</h1>
        <h3>上百家品牌，过万家门店的共同选择</h3>
        <div class="list">
            <div>
                <h4>营收提示</h4>
                <strong>
                    <span>21</span>%
                </strong>
                <img src="./images/up.png" alt="">
                <a href="">了解详情</a>
            </div>
            <div>
                <h4>会员新增</h4>
                <strong>
                    <span>33</span>%
                </strong>
                <img src="./images/up.png" alt="">
                <a href="">了解详情</a>
            </div>
            <div>
                <h4>老客户复购率</h4>
                <strong>
                    <span>21</span>%
                </strong>
                <img src="./images/up.png" alt="">
                <a href="">了解详情</a>
            </div>
            <div>
                <h4>效率提高</h4>
                <strong>
                    <span>100</span>%
                </strong>
                <img src="./images/up.png" alt="">
                <a href="">了解详情</a>
            </div>
        </div>
    </section>
    <section id="vip">
        <h1>VIP进店识别</h1>
        <div class="vip-txt">
            <img class="kuang" src="./images/kuang.png" alt="">
            <div>
                <p>TAYLOR VIP</p>
                <p>年龄：24岁</p>
                <p>累计消费：</p>
                <p>17827元</p>
                <p>喜欢颜色：</p>
                <p>黑、白、灰</p>
                <p>喜欢款式：</p>
                <p>休闲、商务</p>
                <p>尺码：M</p>
                <p>上传进店</p>
                <p>昨天</p>
            </div>
            <a href="">查看最近购买记录</a>
            <a href="">查看最近进店记录</a>
        </div>
        <div class="vip-txt-other">
            <p>系统自动提示VIP进店</p>
            <p>调用历史记录和信息</p>
            <p>帮助导购和顾客提供优质服务</p>
        </div>
    </section>
    <section id="table">
        <h1>您与新零售之间只差 叮当一下</h1>
        <h3>YOUR ARE ONLY INFERIOR TO THE NEW RETAIL DINDANGYIXIA</h3>
        <div class="form">
            <strong class="clearfix">申请免费体验DEMO及详细产品说明</strong>
            <div class="input">
                <input type="text" name="name" placeholder="称呼">
                <input type="text" name="phone" placeholder="手机号码">
                <input type="text" name="company" placeholder="企业名称">
                <input type="text" name="number" placeholder="店铺数量">
            </div>
            <textarea name="detail" id="" cols="30" rows="10" placeholder="您还有什么其他想法呢？"></textarea>
            <div class="time">
                <div>希望我们什么时候联系您：</div>
                <section>
                    <label>
                        <input type="radio" checked name="time" value="0">
                        <div>
                            <i></i>
                        </div>
                        <span>工作日</span>
                    </label>
                    <label>
                        <input type="radio" name="time" value="1">
                        <div>
                            <i></i>
                        </div>
                        <span>周末</span>
                    </label>
                    <label>
                        <input type="radio" name="time" value="2">
                        <div>
                            <i></i>
                        </div>
                        <span>任意时间</span>
                    </label>
                </section>
            </div>
            <button id="submit">提交申请</button>
        </div>
    </section>
    <section id="brand">
        <h1>合作品牌</h1>
        <h3>COOPERATION BRAND</h3>
        <div class="brand-img">
            <div>
                <img src="./images/ochirly.png" alt="">
                <img src="./images/levi's.png" alt="">
                <img src="./images/fiveplus.png" alt="">
            </div>
            <div>
                <img src="./images/peacebird.png" alt="">
                <img src="./images/adidas.png" alt="">
            </div>
        </div>
    </section>
    @@include('../../include/mobile/footer.html')
    <script src="./js/jquery-1.11.1.min.js"></script>
    <script>
        window.onload = function(){
            document.body.addEventListener('touchstart', function () { }, false);
            //菜单按钮 点击
            document.getElementById("menu").addEventListener ('touchstart',  function() {
                
                var logoName = document.getElementById("logo").className;
                var logoNameArr = logoName.split(" ");

                if(logoNameArr.indexOf("active") != -1) {
                    document.getElementById("logo").className = "logo clearfix";
                    document.body.className = "";
                    var menuList = document.getElementById("menuList");
                    $("#menuList").slideUp();
                    //列表li样式
                    var ulList = menuList.children[1];
                    for(var i = 0; i < ulList.children.length; i++)
                        $(ulList.children[i]).hide(400);
                
                return false;
                } else {
                    document.getElementById("logo").className += " active";
                    document.body.className = "showMenu";
                    var menuList = document.getElementById("menuList");

                    $("#menuList").slideDown();
                    //列表li样式
                    var ulList = menuList.children[1];

                    for(var i = 0; i < ulList.children.length; i++) {
                        $(ulList.children[i]).show(400);
                    }
                    return false;
                }
                
                
            });
            var bodyID = document.body.dataset.id;

            //点击列表执行
            var menuUl = document.getElementById('menuUl');
            for(var i = 0; i < menuUl.children.length; i++) {
                var page = menuUl.children[i].dataset.page;
                if(page == bodyID) {
                    menuUl.children[i].children[0].className = "selected"
                } else {
                    menuUl.children[i].children[0].className = ""
                }

            }
            
            //页面滚动导航条显示
            $(window).scroll(function(){
                var top=$(window).scrollTop();
                var navHei=$("#nav").height();
                var logoHei=$(".logo").height();
                var opacity =  top/(navHei*1.6)
                
                if( top > navHei/2 ){
                    if(top >= navHei -logoHei ){
                        opacity = 0.8
                    }
                    $("#logo_bg").css("opacity",opacity)
                }else{
                    $("#logo_bg").css("opacity",0)
                }
            })
            
        }
         $('#submit').click(function () {
                var name = ($('input[name=name]').val()).replace(/^\s+|\s+$/g, '')
                var phone = $('input[name=phone]').val()
                var company = ($('input[name=company]').val()).replace(/^\s+|\s+$/g, '')
                var number = $('input[name=number]').val()
                var time = $('input[name=time]:checked').val()
                var textarea = $('textarea').val()
                console.log(name, phone, company, number, time, textarea)
                var data = {
                    "data": {
                        "name": name,
                        "mobile": phone,
                        "companyName": company,
                        "remark": textarea,
                        "contactTime": time,
                        "storeNum": number
                    }
                }
                if (name.length < 2) {
                    alert('请输入您的称呼，称呼至少为两个字')
                } else if (!/^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/.test(phone)) {
                    alert('请输入正确的手机号码')
                } else if (company == '') {
                    alert('请输入公司名称')
                } else if (number != '' && !/^[1-9](\d+)?$/.test(number)) {
                    alert('店铺数量请输入数字')
                } else {
                    $.ajax({
                        url: 'https://api.dingdian.xin/wxserver/consultation/addConsultation',
                        type: 'POST',
                        contentType: 'application/json; charset=utf-8', // 很重要
                        traditional: true,
                        data: JSON.stringify(data),
                        success: function (res) {
                            if (res.status && res.code == '0') {
                                alert('申请成功')
                                $('input').val('')
                                $('textarea').val('')
                            }
                        }
                    })
                }
            })
    </script>
</body>
</html>